<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文章类别管理</title>
	</head>
	<link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/iconfont.css">
	<link rel="stylesheet" href="./css/main.css">
	<script src="./libs/jquery/jquery.min.js"></script>
	<script src="./libs/bootstrap/js/bootstrap.min.js"></script>
	<script src="./libs/art-template/template-web.js" type="text/javascript" charset="utf-8"></script>
	<!-- layUI -->
	<link rel="stylesheet" href="./libs/layui/css/modules/layer/default/layer.css">
	<script src="./libs/layui/lay/modules/layer.js"></script>
	<script src="./js/jqheader.js" type="text/javascript" charset="utf-8"></script>
	<script src="./js/article_category.js" type="text/javascript" charset="utf-8"></script>

	<script type="text/html" id="art_list">
	{{if list}}
	{{each list v}}
	<tr>
		<td>{{v.name}}</td>
		<td>{{v.slug}}</td>
		<td class="text-center">
			<button class="edit btn btn-info btn-xs" data-id='{{v.id}}'>编辑</button>
			<button class="delete btn btn-danger btn-xs" data-id='{{v.id}}'>删除</button>
		</td>
	</tr>
	{{/each}}
	{{/if}}
	</script>


	<body>
		<div class="container-fluid">
			<div class="common_title">
				文章类别管理
			</div>
			<div class="container-fluid common_con">
				<div class="row" style="margin-top: 10px;">
					<div
						class="col-xs-offset-10 col-sm-offset-10 col-md-offset-10 col-lg-offset-10 col-xs-2 col-sm-2 col-md-2 col-lg-2">
						<a href="javascript:void(0)" class="btn btn-success" id="xinzengfenlei" data-toggle="modal"
							data-target="#myModal">新增分类</a>
					</div>
				</div>

				<table class="table table-striped table-bordered table-hover mp20 category_table">
					<thead>
						<tr>
							<th>名称</th>
							<th>描述</th>
							<th class="text-center" width="100">操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>爱生活</td>
							<td>热爱生活</td>
							<td class="text-center">
								<button class="edit btn btn-info btn-xs">编辑</button>
								<button class="delete btn btn-danger btn-xs">删除</button>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>

		<!-- 新增分类布局区域-开始 -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
								aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">新增分类</h4>
					</div>
					<div class="modal-body">
						<form id="addform">
							<div class="add_category">
								<div class="form-group">
									<label for="name">分类名</label>
									<input type="text" class="form-control" name="name" placeholder="分类名">
								</div>
								<div class="form-group">
									<label for="slug">分类别名</label>
									<input type="text" class="form-control" name="slug" placeholder="分类别名">
								</div>
							</div>

							<div class="modal-footer">
								<button type="button" data-dismiss="modal" class="btn btn-default">取消</button>
								<button type="submit" class="btn btn-primary btn_opt">保存</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!-- 新增分类布局区域-结束 -->

		<!-- 编辑分类布局区域-开始 -->
		<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
								aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">编辑分类</h4>
					</div>
					<div class="modal-body">
						<form id="editform">
							<div class="add_category">
								<div class="form-group">
									<label for="name">分类名</label>
									<input type="text" class="form-control" id="name" placeholder="分类名">
								</div>
								<div class="form-group">
									<label for="slug">分类别名</label>
									<input type="text" class="form-control" id="slug" placeholder="分类别名">
								</div>
							</div>

							<div class="modal-footer">
								<button type="button" data-dismiss="modal" class="btn btn-default">取消</button>
								<button type="button" class="btn btn-primary btn_opt">保存</button>
							</div>
						</form>
					</div>
				</div>

			</div>
		</div>
		<!-- 编辑分类布局区域-结束 -->
	</body>
</html>
